<template>
    <div class="SetUp">
        <header class="mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title">设置</h1>
        </header>
        <div class="bangding clearfix">
            <div class="f_left">
                微信绑定
            </div>
            <div class="f_right">
                <img class="tx" src="../../img/My/在线客服.png" alt="">
                >
            </div>
        </div>
         <div class="b1order"></div>
             <div class="bangding clearfix m_b30" @click="shoujibangding">
            <div class="f_left">
                手机绑定
            </div>
            <div class="f_right">
               15060950558
                >
            </div>
        </div>
              <div class="bangding clearfix m_b30"  @click="Password">
            <div class="f_left">
                登入密码
            </div>
            <div class="f_right">
               修改
                >
            </div>
        </div>
              <div class="bangding clearfix">
            <div class="f_left">
               支付密码
            </div>
            <div class="f_right">
               修改
                >
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return { lunbotuList: [] };
    },
    created() {},
    methods: {
       shoujibangding() {
           
            this.$router.push({ name: "phoneBinding" });
        },
        Password(){
              this.$router.push({ name: "ModifyPassword" });
        }
    }
};
</script>
<style lang="scss" scoped>
.SetUp{
    padding-top:44px; 
    header {
        background: #d51313;
        a {
            color: #fff;
        }
        .mui-title {
            color: #fff;
        }
    }
    .bangding{
        padding:0 0.4rem;
        font-size: 0.28rem;
        height:0.9rem;
        line-height: 0.9rem;
        background: #fff;
        .f_right{
            font-size: 0.26rem;
            color:#4f4f4f;
        }
        .tx{
          margin-right:0.2rem;
          width:0.54rem;
          position: relative;
          top:0.2rem;
        }
    }
    .m_b30{
        margin-bottom: 0.3rem;
    }
}
</style>

